@primary: #2c3e50;
@error: #FF2045;
@wran: #FF8D24;
@gray: #CECECE;
@success: #0BAF95;

@middle: .5rem;
@default: 1rem;
@lager: 1.5rem;
@big: 2rem;

@font-face {
    font-family: 'iconfont';  /* project id 708832 */
    src: url('//at.alicdn.com/t/font_708832_15h9d70b4va.eot');
    src: url('//at.alicdn.com/t/font_708832_15h9d70b4va.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_708832_15h9d70b4va.woff') format('woff'),
    url('//at.alicdn.com/t/font_708832_15h9d70b4va.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_708832_15h9d70b4va.svg#iconfont') format('svg');
}

#app {
    font-family: 'Avenir', Helvetica, Arial, iconfont, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: @primary;
    font-size: 16px;
    width: 100%;
    overflow-x: hidden;
    #header {
        // height: 40px;
        .mt-header{
            background: @primary;
        }
    }
}

html, body, #app, div, ul, li, dl, dt, dd, p, span, i, b {
    margin: 0;
    padding: 0;
}

ul, li, dl, dt, dd, span, div, b {
    list-style: none;
}

.factory {
    height: 100%;
    width: 100%;
    overflow: hidden;
    #body {
        width: 100%;
        height: 100%;
    }
}

.number {
    color: white;
    font-size: 80%;
    line-height: 100%;
}
.number.num-1, .number.color-1{
    background: #01ffff;
}
.number.num-2, .number.color-2{
    background: #009944;
}
.number.num-3, .number.color-3{
    background: #ff0000;
}
.number.num-4, .number.color-4{
    background: #8fc31f;
}
.number.num-5, .number.color-5{
    background: #f39800;
}
.number.num-6, .number.color-6{
    background: #e4007f;
}
.number.num-7, .number.color-7{
    background: #eb6100;
}
.number.num-8, .number.color-8{
    background: #eb6877;
}
.number.num-9, .number.color-9{
    background: #00a0e9;
}
.number.num-10, .number.color-10{
    background: #0be900;
}